{% extends "main.html" %}
{% block content %}

<div class="layui-row">
    <div class="layui-col-md12">
      <h1 align="center">交易详情</h1>
      
    </div>    
</div>

<div class="layui-row">
    <div class="layui-col-md12">
      <table class="layui-hide" id="wallet"></table>
    </div>
    <script type="text/html" id="trade_type">
      {% raw %}

      {{#  if(d.trade_type == 1){ }}
          <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="edit">卖出</a>
      {{# }else { }}
          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">买入</a>
      {{# } }}

      {% endraw %}
      
    </script>
</div>


<script type="text/javascript">
	$(document).ready(function() {	
		

  layui.use('table', function(){
    var table = layui.table;
    
    table.render({
      elem: '#wallet'
      ,url:'/trade/trade_info_list'
      ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
      ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
        layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
        ,curr: 1 //设定初始在第 5 页
        ,groups: 5 //只显示 1 个连续页码
        ,first: false //不显示首页
        ,last: false //不显示尾页
        ,limit:20
      }
      ,cols: [[
        {field:'id', width:280, title: 'ID', sort: true}
        ,{field:'strategy_name', width:280, title: '策略名称', sort: true}
        ,{field:'in_cash', width:120, title: '买入货币'}
        ,{field:'out_cash', width:120, title: '卖出货币'}
        ,{field:'rate', width:120, title: '买入价格', sort: true}
        ,{field:'filledAmount', width:120, title: '买入量', sort: true}
        ,{field:'trade_type', width:120, title: '交易类型', toolbar: '#trade_type', sort: true}
        ,{field:'fee_total', width:120, title: '手续费', sort: true}
        // ,{field:'status', width:120, title: '状态'}
        ,{field:'ctime', title: '创建时间', sort: true}
        ,{field:'utime', title: '更新时间', sort: true}
        
      ]]
    });
  });

		
	});
</script>
{% endblock %}